# createRenderer

Creates a Fela renderer which renders your selectors, keyframes, fonts and static styles.<br />
It caches all rendered styles to be able to reuse them on future rendering cycles.<br />

## Arguments

| Argument | Type      | Description                                                                                                                                                                                                                                       |
| -------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| config   | _Object?_ | Optional renderer configuration. The most common use case is adding [plugins](advanced/plugins) to process styles before they get cached.<br />_See [Advanced - Renderer Configuration](advanced/renderer-configuration) for further information_ |

## Returns

([Renderer](api/fela/renderer)): A Renderer instance.

## Example

```javascript
import { createRenderer } from 'fela'

const rule = (props) => ({
  backgroundColor: 'red',
  fontSize: props.size,
  color: 'blue',
})

const renderer = createRenderer()

renderer.renderRule(rule, { size: '12px' }) // => a b c
```
